﻿
@{
    Layout = null;
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>BÀI TẬP 01 - Đăng nhập hệ thống</title>
    <link rel="stylesheet" type="text/css" href="~/Content/BaiTap01/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/BaiTap01/css/customer.css" />
</head>

<body>
    <div class="container">
        <div class="content">
            <!-- BLOCK -->
            <div class="subheader">
                <div class="tab_subheader">
                    <a class="tab_dn" href="#">Đăng </a>
                    <a href="#">Đăng ký</a>
                </div>
            </div>

            <!-- BLOCK -->
            <div class="tab_alert"> Vui lòng đăng nhập tài khoản để cùng trao đổi thảo luận với thành viên khác!</div>

            <!-- BLOCK -->
            <div class="col-lg-12 ctn">
                <div class="ctn ctn_left col-lg-4">
                    <div>
                        <div class="form_lg">
                            <span class="icon gg"></span>
                            <a href="#" class="btn_icon"><p class="col_txt col-lg-12">Đăng nhập với Google account</p></a>
                        </div>
                        <div class="form_lg">
                            <span class="icon fb "></span>
                            <a href="#" class="btn_icon"><p class="col_txt col-lg-12">Đăng nhập với Facebook </p></a>
                        </div>
                        <div class="form_lg">
                            <span class="icon ya"></span>
                            <a href="#" class="btn_icon "><p class="col_txt col-lg-12">Đăng nhập với Yahoo</p></a>
                        </div>
                    </div>
                    <div class="form_lg">
                        <span class="icon imic"></span>
                        <a href="#" class="btn_icon"><p class="col_txt col-lg-12">Đăng nhập với iMIC</p></a>
                        <div class="form_lg_lg">
                            <div class="form-group">
                                <input type="text" class="form-control">
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control">
                            </div>
                            <button type="button" class="btn btn-primary">Đăng nhập</button>
                            <a href="#">Lấy lại mật khẩu</a>
                        </div>
                    </div>
                </div>
                <div class="ctn ctn_right col-lg-8">
                    <img class="img-responsive" src="~/Content/BaiTap01/images/banner_qa1.png"/>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
